/* 弹出对话框盒子 */
.basicTemplate {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    cursor: pointer;

    .basic {
        text-align: center;
        margin-top: 22px;
        width: 160px;
        height: 101.2px;
        background: #f5f7fb;
        border-radius: 10px;
        transition: all 0.3s ease;
        /* 设置动画过渡效果，0.3秒的过渡时间 */
        position: relative;

        .basic_masking {
            text-align: center;
            width: 160px;
            height: 101.2px;
            background: #fff;
            border-radius: 10px;
            position: absolute;
            top: 0;
            left: 0;
            display: none;
  
            button {
                width: 120px;
                height: 30px;
                text-align: center;
                border-radius: 5px;
                border: 1px solid #e6ebed;
                background: #fff;
                
            }
        }
    }

    .basic:hover {
        // background: #fff;
        box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5);
        /* 悬停时的阴影效果 */
        transform: translateY(-8px);

        /* 悬停时上移8px */
        .basic_masking {

            display: block;
            display: flex;
            flex-wrap: wrap;
            align-content: space-around;
            justify-content: space-evenly;

        }
    }

}

/* 标题样式 */
.tab-header {
    display: flex;
    flex-direction: column;

    ul {
        display: flex;
        justify-content: space-around;
        align-items: center;
        height: 40px;
    }
}
